<template>
<div>
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-media" v-for="item in newdata" :key="item.id">
<router-link :to="'/home/new/newinfo/' + item.id">
	<img class="mui-media-object mui-pull-left" :src="item.img_url">
		<div class="mui-media-body">
		<h3>{{item.title}}</h3>
		<p class='mui-ellipsis'>
            <span>发布时间：{{item.add_time}}</span>
             <span>点击：{{item.click}}</span>
        </p>
		</div>
</router-link>
</li></ul>
    </div>   
</template>
<script>
import { Toast } from 'mint-ui';
export default{
  data(){
    return{
        newdata:[]
    }
  },
  created(){
      this.getnews();
  },
  methods:{
      getnews(){
      this.$http.get('../../data/datalist.json').then(result=>{
          if(result.body.status===0){
              console.log(result.body.message);
          this.newdata = result.body.message;
          Toast("获取成功！");
          }else{
              Toast("获取新闻失败！")
          }
      })
  }
}
}
</script>
<style lang="sass" scoped>
.mui-table-view{
    li{
    h3{
        font-size:14px;
    }
    .mui-ellipsis {
        font-size:12px;
        color:#226aff;
        display: flex;
        justify-content: space-between;
    }
}
}
</style>